<script setup>
import {RouterLink, RouterView, useRoute} from "vue-router";
import {useRouter} from "vue-router";
const router = useRouter()
  const goHello = () => {
    router.push({path:'/hello'})
  }
  const goHome = () => {
    router.push({path:'/home'})
  }
</script>
<template>
  <div id="h0">
    <div id="h1">
      <h1>欢迎使用</h1>
      <el-button type="info" round @click="goHome">首页</el-button>
      <br><br>
      <el-button type="info" round @click="goHello">sayHello</el-button>
    </div>
    <div id="h2">
      <RouterView></RouterView>
    </div>
  </div>
</template>

<style scoped>
#h0{
  display: flex;
  background-color: burlywood;
}

#h1{
  width: 15%;
  height: 2000px;
  background-color: gold;
}

</style>
